<template>
	<view class="cenTenst">
       <view class="headLog">
			<image :src="cenTent.img" mode=""></image>
       </view>
	   <view class="SignIn">
		   <input placeholder-style="color:#c8dff0" type="number" placeholder="请输入手机号" class="SignSjh" />
		   <input placeholder-style="color:#c8dff0" type="password" placeholder="请输入密码" class="SignSjh" />
		   <input type="button" value="登 录" class="SignLbtn" disabled="disabled" @click="gnLbtn"/>
	   </view>
	   <view class="userView">
		   <view class="userZc" @click="register">用户注册</view>
		   <view class="userWj" @click="forget">忘记密码</view>
	   </view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				cenTent:{
					img:'../../../static/images/user/gongsyh.png',
				}
			}
		},
		methods:{
			gnLbtn(){
				uni.navigateTo({
					url:'../personalcenter'
				})
			},
			register(){
				uni.navigateTo({
					url:'register'
				})
			},
			forget(){
				uni.navigateTo({
					url:'resetpasswd'
				})
			}
		}
	}
</script>

<style>
	page{
		background: #13b1eb;
	}
	.SignIn{
		width: 100%;
		margin-top: 80upx;
	}
	.userView{
		width: 80%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.userView view{
		line-height: 1.4;
	}
	.userZc{
		color: #fbfbfb;
		font-size: 32upx;
	}
	.userWj{
		font-size: 32upx;
		color: #fbfbfb;
	}
	.SignSjh{
		width: 70%;
		color: #fbfbfb;
		padding: 20upx 50upx;
		font-size: 34upx;
		border-radius: 60upx;
		background: rgba(255,255,255,0.2);
		margin: 0 auto;
		margin-bottom: 26upx;
	}
	.SignLbtn{
		width: 70%;
		color: #13b1eb;
		padding: 20upx  50upx;
		font-size: 34upx;
		border-radius: 60upx;
		background: #fbfbfb;
		margin: 0 auto;
		margin-bottom: 26upx;
		text-align: center;
	}
	.headLog{
		width: 180upx;
		height: 180upx;
		border-radius: 50%;
		background: #fbfbfb;
		padding: 1%;
		text-align: center;
		margin: 0 auto;
		margin-top: 100upx;
	}
	.headLog image{
		width: 98%;
		height: 98%;
		border-radius: 50%;
	}
</style>
